* {
	margin: 0;
	padding: 0;
}

a {
	color: black !important;
	text-decoration: none;
}

ul li {
	list-style: none;
}

body{
	color: rgba(0, 0, 0, 0.87);
}
//左边固定导航栏
.menu-navi {
	width: 30%;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;

	img {
		width: 30px;
		height: 30px;
	}
	#naviheader{
		display: flex;
		justify-content: space-between;
	}
	.menu-navi-bot {
		padding: 0 24px 0 84px;
		.menu-navi-title{
			font-size: 26px;
			font-weight: 700;
		}
		.nav-item{
			.menu-navi-item{
				display: inline-block;
			}
		}
	}
	
}
//菜单内容
.menu-content{
	font-weight: 700;
	margin-left: 30%;
	background-color: rgb(247,247,247);
	color: #0000008F;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	padding: 0 24px;
	.list{
		.title{
			padding: 16px;
			font-size: 14px;
		}
		.list-content{
			display: flex;
			font-size: 16px;
			color: #000000DE;
			padding: 16px;
			text-align: center;
			border-bottom: 1px solid rgba(0, 0, 0, 0.12);
			.items{
				position: relative;
				img{
					display: block;
					width: 150px;
					border-radius: 50%;
					margin: auto;
				}
				&:hover{
					top: -3px;
				}
				&:hover img{
					box-shadow: 0 0 3px #0000008F;
				}
			}
		}
	}
	.illustrate{
		line-height: 100px;
	}
} 
//打开搜索页面按钮
.menu-search-btn{
	position: fixed;
	right: 2%;
	bottom: 2%;
	padding: 12px 24px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,38%);
	background: #00A862;
    border-color: #00A862;
	border: 1px solid #00A862;
    border-radius: 48px;
    box-sizing: border-box;
	color: #FFF;
}

